<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>联系我们</title>
    <script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
    <script src="js/index.js"></script>
    <link rel="stylesheet" href="css/head.css">
    <link rel="stylesheet" href="css/footer.css">
    <link rel="stylesheet" href="css/saoma.css">
    <style>
    *{margin: auto;padding: auto }
    .contact{
        width: 1286px;height: 335px;
    }
    .contact img{
        width: 1286px;height: 335px;
    }
    .contact-1{
            width: 1014px;height: 30px;
            margin-top: 20px;
    }
    .contact-2{
        width: 150px;height: 40px;
        background-color:#2DAE36;
        float: left;
        border-radius: 15px 0 15px 0;
    }
    .contact-2 p{
        color: white;
        font-size: 22px;
        margin-top: 3px;
        text-align: center;
    }
    .contact-3{
        width: 863px;height: 40px;
        float: right;
        border-bottom: 1px solid #2DAE36;
    }
    .information{   /* 联系我们  */
        width: 647px;height: 200px;
        margin-left: auto;margin-right: auto;
        margin-top: 89px;
    }
    .information-1{  /* 左 */
        width: 294px;height: 173px;
        float: left;
        margin-top: 26px;margin-left: 10px;
    }
    .information-2{
        width: 56px;height: 88px;
        float: left;
    }
    .information-2 img{
        width: 48px;height: 44px;
        float: left;
    }
    .information-3{
        width: 238px;height: 88px;
        margin: 0;
        margin-top: 7px;
    }
    
    .information-4{  /* 右  */
        width: 689px;height: 173px;
    }
    .information-5{
        width: 54px;height: 161px;
        float: left;
        border-left: 1px solid #2DAE36;
    }
    .information-5 img{
        width: 52px;height: 49px;
        margin-top: 1px;
    }
    .information-6{
        width: 318px;
        float: right;
        margin-top: -15px;
    }
    .information-6 p{
        width: 323px;
        float: right;
        color: #5F5F5F;
        font-size: 15px;
        padding-top: 32px;
    }
    iframe{
        width: 100%;
        height:321px;
        border: none;
        margin-bottom: -24px;
        border-top: 1px solid #2DAE36;
        border-bottom: 1px solid #2DAE36;
    }
    </style>
</head>
<body>
    <div id="head"></div>
    <div class="contact">
        <img src="images/contactus_banner.jpg" alt="">
    </div>
    <div class="contact-1">
        <div class="contact-2">
            <p>联系我们</p>
        </div>
        <div class="contact-3"></div>
    </div>
    <div class="information">
        <div class="information-1">   <!--左边-->
            <div class="information-2">
                <img src="images/dianhua.png" alt="">
            </div>
            <div class="information-3">
                <h2>027-83622296</h2>
            </div>
        </div>
        <div class="information-4"> <!--右边-->
                <div class="information-5">
                    <img src="images/shouji.png" alt="">
                    <img src="images/xinfeng.png" alt="">
                    <img src="images/tubiao.png" alt="">
                </div>
                <div class="information-6">
                    <p>13387576980</p>
                    <p>yt15yi@163.com</p>
                    <p>汉西三路香江家具A12栋16号湖北营销中心</p>
                </div>
        </div>
    </div>
    <div>
        <iframe src="http://map.baidu.com/?newmap=1&ie=utf-8&s=s%26wd%3D%E6%B1%89%E8%A5%BF%E4%B8%89%E8%B7%AF%E9%A6%99%E6%B1%9F%E5%AE%B6%E5%85%B7A12%E6%A0%8B16%E5%8F%B7%E6%B9%96%E5%8C%97%E8%90%A5%E9%94%80%E4%B8%AD%E5%BF%83" frameborder="0"></iframe>
    </div>
    <div id="saoma"></div>
    <div id="footer"></div>
    <script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
    <script src="js/index.js"></script>
</body>
</html>